@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
body {
  background: url("../img/huangjin.png") 0 / cover fixed;
}

.content {
  min-height: 100vh;
  padding-bottom: 4.9rem;
}

.rank-list {
  overflow: hidden;
  border-bottom: 1px solid var(--adm-color-text-secondary);
}

.rank-list-body {
  font-size: 1.6rem;
  color: red;
  height: 3rem;
  line-height: 3rem;
  white-space: nowrap; /* 确保文本不换行 */
  text-overflow: clip; /* 不显示省略号，但这会导致溢出文本被截断 */
  direction: rtl; /* 设置文本方向为从右到左 */
  animation: marquee 10s linear infinite; /* 动画名称，持续时间，速率函数，循环次数 */
}

.play-method-tilte {
  height: 5rem;
  line-height: 5rem;
  font-size: 2.6rem;
  text-align: center;
  color: var(--adm-color-primary);
}

.play-method {
  display: flex;
}

.play-method-img {
  width: 19rem;
}

.play-method-img img {
  width: 100%;
  height: 100%;
}

.play-method-question {
  padding: 0 0.2rem;
}

.play-method-question-tilte {
  height: 3.4rem;
  line-height: 3.4rem;
  font-size: 1.8rem;
  text-align: center;
}

.play-method-question-answer {
  font-size: 2rem;
  color: green;
  text-align: center;
  margin-top: 2rem;
}

.play-method-question-warning {
  color: red;
  text-align: center;
  margin-top: 2rem;
}

.select-answer {
  margin-top: 2rem;
}

.select-answer-tips {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.count-down-box {
  margin-top: 2rem;
  font-size: 1.8rem;
  text-align: center;
}

.expiry-date {
  font-weight: bold;
}

.count-down-text {
  font-size: 1.8rem;
}

.footer .tab-bar-item {
  color: var(--adm-color-primary-s);
}

.footer {
  border-top: 1px solid var(--adm-color-primary-s);
  background-color: #dbe0ff;
}

#days,
#hours,
#minutes,
#seconds {
  color: red;
}

.important {
  text-align: center;
  color: red;
  font-size: 2rem;
  height: 2rem;
  line-height: 2rem;
}

.important span {
  font-style: oblique;
}

.animation {
  padding: 0 1rem;
  margin-top: 1rem;
  height: 28rem;
}

.animation img {
  width: 100%;
  height: 100%;
}
